<template>
    <!--自定义输入框样式 模拟input  el-input会导致simple-keyboard键盘第二次弹出时回退失效-->
    <div class="my_input" >
        <div class="placeholder_class" v-if="!innerText">
            {{ placeholder }}
        </div>
       <span class="inner">{{ innerText }}</span>
    </div>
</template>

<script setup lang="ts">
withDefaults(defineProps<{ placeholder?: string,innerText:string|number }>(), {
    placeholder: '请选择'
})
// let isShowPlaceholder = ref(true)
// @click="handleClick"
</script>

<style lang="scss" scoped>
.my_input{
    width: 200px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 15px;
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    font-size: 14px;
    .placeholder_class{
        color: var(--el-text-color-placeholder);
       
    }
    .inner{
       color:var(--el-input-text-color,var(--el-text-color-regular));
    }
}
</style>